/***********************************

	www.proxecto.nl - styles.css
	
	design :	proxecto
	development : proxecto
	
	proxecto
	www.proxecto.nl
	
	may 2010
	
***********************************/

body {
    font-family: 'HattoriHanzoLight', Verdana, sans-serif;	
}

p {
    font-size: 14px;
    margin: 0;
    padding: 0;
}
/***********************************
	navigation
***********************************/
ul#navigation {
	position: relative;
	list-style-type: none;
	float: right;
}

ul#navigation li {
	position: relative;
	float: left;
	margin: 0 29px;
}
				
ul#navigation li a {
	font-size: 23px;
	color: #4f4f4f;
	text-decoration: none;
        text-transform: lowercase;
}

ul#navigation li a:hover {
	font-size: 23px;
	color: #be0004;
	text-decoration: none;
}

ul#navigation li a.active {
	font-size: 23px;
	color: #be0004;
	text-decoration: none;
	border-bottom: 1px solid #4f4f4f;
}
/***********************************
	footer
***********************************/
#inner-footer-right a {
    font-family: Helvetica, Arial;
    font-size: 12px;
    text-decoration: none;
    text-transform: lowercase;
    color: #eeeeee;
}
#inner-footer-right a:hover {
    font-family: Helvetica, Arial;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
/***********************************
	slider
***********************************/
.site-preview h1 {
	margin: 0 20px 20px 20px;
	padding: 0;
	font-family: 'HattoriHanzoLightItalic', Verdana, sans-serif;
	font-size: 28px;
	color: #fff;	
}

.site-preview p {
	margin: 0 20px 18px 20px;
	padding: 0;
	font-size: 15px;
	color: #fff;
}

.site-preview a {
	color: #fff;
	text-decoration: none;
}

.site-preview a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #4f4f4f;
}
/***********************************
	content
***********************************/
#content-left h1 {
	margin: 20px 0 0 12px;
	padding: 0;
	font-size: 30px;
	font-family: 'HattoriHanzoLightItalic', Verdana, sans-serif;
	color: #be0004;
}

#content-left p {
	margin: 12px 12px 0 12px;
	padding: 0;
	font-size: 15px;
	color: #7c7c7c;
}

#content-left .divider {
	position: relative;
	width: 613px;
	height: 2px;
	margin: 26px 0 0 0;
	padding: 0;
	background-image: url(../../images/proxecto/divider.gif);
	background-repeat: repeat-x;
}
/***********************************
        portfolio
***********************************/
#content-left-portfolio h1 {
    position: relative;
    margin: 20px 0 0 12px;
    padding: 0;
    font-size: 30px;
    font-family: 'HattoriHanzoLightItalic', Verdana, sans-serif;
    color: #be0004;
    clear: both;
}

#content-left-portfolio p {
	margin: 12px 12px 0 12px;
	padding: 0;
	font-size: 15px;
	color: #7c7c7c;
}

ul.portfolio {
    position: relative;
    margin: 12px 0 0 0;
    padding: 0;
    width: 976px;
    overflow: auto;
    list-style: none;
    clear: both;
}

    ul.portfolio > li {
        position: relative;
        float: left;
        width: 466px;
        height: 350px;
        margin: 0 10px 30px 12px;
        padding: 0;
        border-bottom: 1px solid #E0E0E0;
    }
    
        .portfolio-item-preview {
            position: relative;
            width: 466px;
            height: 350px;
            margin: 0;
            padding: 0;
        }
        
            .portfolio-item-preview-title {
                position: relative;
                width: 466px;
                height: 21px;
                font-family: 'HattoriHanzoLight', Verdana, sans-serif;
                font-size: 16px;
                color: #7c7c7c;
                margin: 0;
                padding: 0;
            }
            
                .portfolio-item-preview-title a {
                    color: #7c7c7c;
                    text-decoration: none;
                }
                
                .portfolio-item-preview-title a:hover {
                    color: #BE0004;
                    text-decoration: none;
                }
                
                .portfolio-item-preview-date {
                    float: right;
                    margin: 0;
                    padding: 0;
                }
            
            .portfolio-item-preview-image {
                position: relative;
                width: 466px;
                height: 234px;
                margin: 0;
                margin-bottom: 20px;
                padding: 0;
            }
            
            .portfolio-item-preview-text {
                position: relative;
                width: 466px;
                height: 60px;
                margin: 0;
                padding: 0;
            }
            
                #content-left-portfolio .portfolio-item-preview-text p {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    font-size: 15px;
                }
/***********************************
	diensten
***********************************/
ul.tags {
    position: relative;
    list-style: none inside url(../../images/proxecto/list-style-image.gif);
    height: auto;
    width: 573px;
    margin: 12px 0 0 12px;
    padding: 0;
    font-size: 15px;
    font-family: 'HattoriHanzoLight', Verdana, sans-serif;
}

    ul.tags > li {
        margin: 0 40px 0 0;
        padding: 0;
        float: left;
        width: 200px;
    }

    ul.tags > li a {
        color: #be0004;
        font-size: 15px;
        text-decoration: none;
    }

    ul.tags > li a:hover {
        color: #7C7C7C;
    }       
/***********************************
	twitter
***********************************/
#content-right h1 {
	margin: 20px 0 0 12px;
	padding: 0;
	font-size: 30px;
	font-family: 'HattoriHanzoLightItalic', Verdana, sans-serif;
	color: #be0004;
}

#content-right p {
	margin: 12px 12px 0 12px;
	padding: 0;
	font-size: 15px;
	color: #7c7c7c;
}

#content-right .divider {
	position: relative;
	width: 324px;
	height: 1px;
	margin: 12px 0 12px 0;
	padding: 0;
        border-top: 1px solid #E0E0E0;
}
/***********************************
	about list style
***********************************/
ul#about-us {
	position: relative;
	margin: 12px 0 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: url(../../images/proxecto/images/list-style-image.gif);
	list-style-position: inside;
}

ul#about-us li {
	position: relative;
	margin: 3px 0 0 12px;
	padding: 0;
	width: 215px;
	float: left;
	font-size: 15px;
	color: #7c7c7c;
}

ul#about-us li a {
	font-size: 15px;
	color: #be0004;
	text-decoration: none;
}

ul#about-us li a:hover {
	font-size: 15px;
	color: #7c7c7c;
	text-decoration: none;
}
/***********************************
	contact form
***********************************/
#contact-form {
	position: relative;
	margin: 30px 0 0 12px;
	padding: 0;
}

label {
	font-size: 15px;
	color: #be0004;
	float: left;
	width: 85px;
	height: 21px;
	line-height: 21px;
	margin: 3px 0 0 0;
	padding: 0;
}

.inputField {
	position: relative;
	border: 1px solid #a1a1a1;
	background-color: #e8e8e8;
	height: 16px;
	width: 200px;
	margin: 2px 0;
	padding: 3px;
	font-family: 'HattoriHanzoLight', Verdana, sans-serif;
	font-size: 15px;
}

.textarea {
	position: relative;
	border: 1px solid #a1a1a1;
	background-color: #e8e8e8;
	height: 150px;
	width: 200px;
	margin: 2px 0;
	padding: 3px;
	font-family: 'HattoriHanzoLight', Verdana, sans-serif;
	font-size: 15px;
}

.formButton {
	position: relative;
	float: left;
	width: 86px;
	height: 21px;
	background-color: #be0004;
	border: 1px solid #be0004;
	margin: 10px 0 0 206px;
	padding: 0px 2px 2px 2px;
	color: #fff;
}
/***********************************
	custom
***********************************/
img.noBorder {
	border: 0px;
}

.gray {
	color: #4f4f4f;	
}

.red {
	color: #be0004;
}

.white {
	color: #fff;
}	